/* 公共样式 */

body {
    padding-bottom: 60px;
}


/* 版心 */

.container {
    width: 1200px;
    margin: 0 auto;
}

.container-fluid {
    min-width: 1200px;
}


/* 左右浮动 */

.fl {
    float: left;
}

.fr {
    float: right;
}


/* 清除浮动 */

.clear {
    clear: both;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}


/* 解决高度塌陷 */

.border-top-tran {
    border-top: 1px solid transparent;
}


/* 剪切 */

.overhidden {
    overflow: hidden;
}


/* 字体大小组件 */

.fsize-12 {
    font-size: 12px;
}

.fsize-14 {
    font-size: 14px;
}

.fsize-16 {
    font-size: 16px;
}

.fsize-18 {
    font-size: 18px;
}

.fsize-20 {
    font-size: 20px;
}

.fsize-22 {
    font-size: 22px;
}

.fsize-24 {
    font-size: 24px;
}

.fsize-26 {
    font-size: 26px;
}

.fsize-28 {
    font-size: 28px;
}

.fsize-30 {
    font-size: 30px;
}

.fsize-32 {
    font-size: 32px;
}


/* 字体颜色 */

.c-ffffff {
    color: #ffffff !important;
}

.c-000000 {
    color: #000000;
}

.c-ff6600 {
    color: #ff6600;
}

.c-ff0d00 {
    color: #ff0d00;
}

.c-808080 {
    color: #808080;
}

.c-468bdf {
    color: #468bdf;
}


/* 背景颜色 */

.bgc-f9f9f9 {
    background-color: #f9f9f9;
}

.bgc-d9ecfa {
    background-color: #d9ecfa;
}

.bgc-f2f2f2 {
    background-color: #f2f2f2;
}
.bgc-f60 {
    background-color: #f60 !important;
}


/* 字体粗细 */

.fw-normal {
    font-weight: normal;
}

.fw-bold {
    font-weight: bold;
}


/* 边框 */

.border1-top-c0c0c0 {
    border-top: 1px solid #c0c0c0;
}

.border6-top-f60 {
    border-top: 6px solid #f60;
}

.border2-top-cecece {
    border-top: 2px solid #cecece;
}
.border2-bottom-cecece {
    border-bottom: 2px solid #cecece;
}

.border2-right-cecece {
    border-right: 2px solid #cecece;
}

.border2-left-cecece {
    border-left: 2px solid #cecece;
}

.border2-left-f60 {
    border-left: 2px solid #f60;
}


/* 行高 */

.lineh-16 {
    line-height: 16px;
}

.lineh-22 {
    line-height: 22px;
}
.lineh-30 {
    line-height: 30px;
}
.lineh-35 {
    line-height: 35px;
}

.lineh-38 {
    line-height: 38px;
}

.lineh-40 {
    line-height: 40px;
}
.lineh-54 {
    line-height: 54px;
}


/* 文本居中 */

.tac {
    text-align: center;
}


/* 文字缩进 */

.ti-210 {
    text-indent: 210px;
}
.ti-268 {
    text-indent: 268px;
}
.ti-288 {
    text-indent: 288px;
}

.ti-6 {
    text-indent: 6px;
}

.ti-16 {
    text-indent: 16px;
}
.ti-36 {
    text-indent: 36px;
}

/* vertical */
.verticalmid{
    vertical-align: middle;
}

/* 宽 */
.w427{
    width: 427px;
}

/* 高 */
.h350{
    height: 350px;
}


/* 边距 */

.mt6 {
    margin-top: 6px;
}

.mb7 {
    margin-top: 7px;
}

.mt9 {
    margin-top: 9px;
}
.mt16 {
    margin-top: 16px;
}

.mt24 {
    margin-top: 24px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt48 {
    margin-top: 48px;
}
.ml15 {
    margin-left: 15px;
}

.mt4b30 {
    margin: 4px 0 30px 0;
}

.mt10 {
    margin-top: 10px;
}

.pt8 {
    padding-top: 8px;
}

.pt20 {
    padding-top: 20px;
}
.pb10 {
    padding-bottom: 10px;
}
.pt25 {
    padding-top: 25px;
}

.pt4b20 {
    padding: 4px 0 20px 0;
}

.pt4b30 {
    padding: 4px 0 30px 0;
}

.pl20 {
    padding-left: 20px;
}

.pl6 {
    padding-left: 6px;
}
.pl16 {
    padding-left: 16px;
}

.pt16r17 {
    padding: 16px 17px 0 0;
}


/* 精灵图 */

.bgico-sqr {
    background-image: url(../image/bgicon.png);
    background-repeat: no-repeat;
}

.bgicon-xinxi {
    display: inline-block;
    width: 30px;
    height: 20px;
    vertical-align: middle;
    background-position: 0 -84px;
}


/* head */


/* 头部上提示 */

.head-top {
    height: 28px;
    line-height: 28px;
    background-color: black
}

.head-top .logo {
    position: absolute
}

.head-top a {
    color: white;
}

.head-top a:hover {
    color: #f60;
}


/* 搜索框 */

.head-search-body {
    margin-right: 40px;
}

.head-search-text {
    width: 388px;
    outline: none;
    height: 36px;
    text-indent: 10px;
    border: 2px solid #f60;
}

.head-search-btn {
    width: 50px;
    outline: none;
    height: 36px;
    background: url(../image/bgicon.png) no-repeat;
    cursor: pointer;
    border: 0;
}


/* 头部搜索框区域按钮 */

.head-shopping-btn a {
    width: 100px;
    height: 36px;
    line-height: 36px;
    float: left;
    text-align: center;
}


/* 购物车按钮 */

.head-shopping-btn a:first-child {
    color: white;
    background: url(../image/bgicon.png) #f60 no-repeat 0 -42px;
    text-indent: 32px;
}


/* 我的订单按钮 */

.head-shopping-btn a:last-child {
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #eaeaea;
}


/* 导航栏 */

.head-nav ul {
    margin-right: 100px;
}

.head-nav li {
    float: left;
    margin-left: 32px;
    line-height: 24px;
}

.head-nav li a {
    color: black;
    font-weight: bold;
}



/* 页脚 */
.foot-top {
    line-height: 94px;
    text-align: center;
    position: relative;
}

.foot-top img:not(:last-child) {
    margin-right: 76px;
}

.foot-bottom {
    text-align: center;
    position: relative;
}

.foot-bottom-zhinan {
    width: 780px;
    margin: 35px auto 0;
}

.foot-bottom-zhinan dl {
    float: left;
    width: 156px;
    line-height: 28px;
}

.foot-bottom-zhinan dl dt {
    font-size: 16px;
    color: black;
}

.foot-bottom .logo {
    position: absolute;
    right: 50px;
    top: 20%;
}

/* 回到顶部 */
.back{
    width: 30px;
    height: 50px;
    position: absolute;
    background-image: url(../image/gototop_05.jpg);
    right: -30px;
    top: -56px;
    cursor: pointer;
}